.navbar {
    background-color: #f6f5f6;
}
.citylist_view {
    background-color: #fff;
    position: relative;
        .citylist_group_title {
            height: 40px;
            display: flex;
            align-items: center;
            padding-left: 15px;
            color: #999;
        }
        .citylist_group_itemlist_cityitem {
            padding-left: 15px;
            height: 40px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #eee;
            color: #333;
            font-size: 16px;
        }
        .letter_list {
            padding:5px 0;
            position: absolute;
            right: 15px;
            top: 5px;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            align-items: center;
            .letter_item {
                flex: 1;
                text-align: center;
                span {
                    border-radius: 50%;
                    width: 20px;
                    height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 13px;
                }
            }
            // 动态添加触发的样式
            .active {
                span{
                    background-color: #21b97a;
                    color: #fff;
                }
            }
        }        

}